<!doctype html>
<html>

<head>
<meta charset="utf-8">
<link media="all" href="css/home.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<title>登山手机页面</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta content="" name="Keywords">
<meta content="" name="Description">
<!-- Mobile Devices Support @begin -->
<meta http-equiv="Content-Type" content="application/xhtml+xml;charset=UTF-8">
<meta http-equiv="Cache-Control" content="no-cache,must-revalidate">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="expires" content="0">
<meta name="format-detection" content="telephone=no, address=no">
<meta content="yes" name="apple-mobile-web-app-capable"> <!-- apple devices fullscreen -->
<meta content="black-translucent" name="apple-mobile-web-app-status-bar-style">
<!-- Mobile Devices Support @end -->
<link href="favourite.ico" rel="shortcut icon">
<link rel="apple-touch-icon" href="icon.png" />
<link rel="apple-touch-icon" href="touch-icon-iphone.png" />
<!--iPad 1 72x72 像素-->
<link rel="apple-touch-icon" sizes="72x72" href="touch-icon-ipad.png" />
<!--iPhone 4 114x114 像素-->
<link rel="apple-touch-icon" sizes="114x114" href="touch-icon-iphone4.png" />
</head>
<body>
<div id="main">
	<header>
		<a  class='return'></a>
		
		找回密码

    </header>

	
	<!-- 主体内容 begin-->
    <div class="cell">
    	<div class="panel">
			<form onsubmit='alert("提交成功");'>
			 
			 <table class='celler'>
			   <tr>
				 <td colspan='2' ><input id="" name="" type="text"  class="all" style='width:55%;' autocomplete="off" placeholder="请输入手机号码"/><a style='width:45%;float:right;margin-top:-70px;' class="btn_green" >获取验证码</a></td>
			   </tr>			 
			   <tr>
				 <td colspan='2' ><input id="" name="" type="text" class="all" autocomplete="off" placeholder="输入验证码"/></td>
			   </tr>		 		 
			   <tr>
				 <td colspan='2' class='top_none'><a  class="btn_blue" >找回密码</a></td>
			   </tr>				   
			 </table>
			</form>
        </div>
    </div>
	<!-- 主体内容 end-->	
	
	<!-- 尾部 begin-->	
	<footer>
	  <p>© 2014超级联赛</p>
	</footer>
	<!-- 尾部 end-->	
</div>
<script type='text/javascript'>
$(function(){  //模拟发送
   var t = null;
   $('.btn_green').click(function(){
      if( t ){
	     return;	
	  }
	  else{
		 var i = 180;  //测试功能的时候可以把i的值设置为5秒
		 alert('验证码已经发送到您手机上！')
		 t = setInterval(function(){
			 i--;
			 if(i>=0){
				 $('.btn_green').html(i+'<span style="font-size:12px">秒后重新发送</span>');		 
			 }
			 else{
				 clearInterval(t);
				 $('.btn_green').html('重新获取');
				 t = null;
			 }
		 },1000)	  
	  
	  }	  
   })
})



</script>
</body>
</html>